<%--
  Created by IntelliJ IDEA.
  User: hiugiak
  Date: 2018/12/5
  Time: 10:19 AM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <jsp:include page="../../includes/framework-headers.jsp"/>
    <jsp:include page="../../includes/framework-navbar-admin.jsp">
        <jsp:param name="navSelection" value="2-1"/>
    </jsp:include>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/additional-methods.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/jquery_plugins/jquery.serializejson.js"></script>

    <script src="${pageContext.request.contextPath}/js/admin/bulletin_management.js"></script>

    <title>毕业设计指导网站 - 公告管理</title>
</head>
<body>
<div class="gpg-middle">
    <div class="uk-container uk-container-center">
        <div class="uk-grid" data-uk-grid-margin>
            <jsp:include page="../../includes/framework-nav-panel-admin.jsp">
                <jsp:param name="navSelection" value="2-1"/>
            </jsp:include>
            <div class="uk-width-medium-3-4">
                <!-- 主体内容 -->
                <article class="uk-article">
                    <h1 class="uk-article-title">公告管理</h1>
                    <hr class="uk-article-divider">
                    <div class="uk-align-right">
                        <div class="uk-button-group">
                            <button class="uk-button uk-button-primary" id="btn_add_bulletin"><i class="uk-icon-plus"></i></button>
                            <button class="uk-button uk-button-danger" id="btn_delete_bulletin"><i class="uk-icon-minus"></i></button>
                        </div>
                        <button class="uk-button uk-button-success" id="btn_complete_deletion" style="display: none"><i class="uk-icon-check"></i></button>
                    </div>
                    <div id="bulletin_detail_dialog" class="uk-modal">
                        <div class="uk-modal-dialog">
                            <button type="button" class="uk-modal-close uk-close"></button>
                            <div class="uk-modal-header">
                                <h2>公告</h2>
                            </div>
                            <div class="uk-overflow-container">
                                <input type="number" id="bulletin_index" hidden>
                                <form class="uk-form uk-margin" id="form_bulletin_detail">
                                    <fieldset>
                                        <div class="uk-grid" data-uk-margin id="account_data">

                                            <div class="uk-width-1-1">
                                                <label class="uk-form-label" for="bulletin_title">公告标题</label>
                                                <div class="uk-form-controls">
                                                    <input name="title:string" class="uk-width-1-1" id="bulletin_title" />
                                                </div>
                                            </div>

                                            <div class="uk-width-1-1">
                                                <label class="uk-form-label" for="bulletin_content">公告内容</label>
                                                <div class="uk-form-controls">
                                                    <textarea name="content:string" class="uk-width-1-1" rows="10" id="bulletin_content"></textarea>
                                                </div>
                                            </div>

                                        </div>
                                    </fieldset>
                                </form>
                            </div>
                            <div class="uk-modal-footer uk-text-right">
                                <button type="button" class="uk-button uk-modal-close">取消</button>
                                <button type="button" class="uk-button uk-button-primary" id="btn_save_bulletin">保存</button>
                            </div>
                        </div>
                    </div>


                    <table class="uk-table uk-table-striped uk-table-hover">
                        <thead>
                        <tr>
                            <th></th>
                            <th>公告标题</th>
                            <th>公告内容</th>
                            <th>发布者 ID</th>
                            <th>发布日期</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody id="tbody_bulletin_list" class="uk-form">
                        </tbody>
                    </table>
                </article>
            </div>
        </div>
    </div>
</div>
</body>
</html>
